<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>公告</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>

	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="w-1200">
				<div class="logo">
					<!-- <img src="images/logo_03.png"> -->
					简易办公
				</div>
				<ul>
					<li><a>组织图</a></li>
					<li><a href="set.html">个人设置</a></li>
					<li><a href="login.html">退出</a></li>
				</ul>
				<div class="personnel">
					<span>欢迎登录：</span>
					<span id="userName"></span>
					<span>账号ID：</span>
					<span id="userId"></span>
				</div>
			</div>
		</div>
		<!-- 导航 -->
		<div class="nav">
			<div class="w-1200">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="email.html">邮件</a></li>
					<!-- <li><a href="approval.html">审批</a></li> -->
					<li class="cur"><a href="notice.html">公告</a></li>
					<li><a href="report.html">业务报告</a></li>
					<!-- <li><a href="task.html">任务奖励</a></li> -->
					<!-- <li><a href="work.html">考勤管理</a></li> -->
					<li><a href="personnel.html">人员管理</a></li>
					<li><a href="homepage.html">网站主页</a></li>
				</ul>
			</div>
		</div>
		<!-- 内容 -->
		<div class="w-1200 container">
			<!-- 左侧导航 -->
			<div class="Left LeftMore">
				<div class="columnBox">
					<h1><a class="cur">公司公告</a></h1>
				</div>
				<div class="columnBox">
					<h1><a>员工社区</a></h1>
				</div>
			</div>
			<!-- 右侧内容 -->
			<div class="Right RightMore">
				<ul class="operate">
					<li><a class="add">发布</a></li>
					<li><a>删除</a></li>
					<li class="query">
						<lable>标题</lable>
						<input placeholder="请输入关键字" />
						<lable>时间</lable>
						<input placeholder="请选择" onclick="WdatePicker({startDate:'today'})" />
						<a>查询</a>
					</li>
				</ul>

				<div class="none">
					暂无邮件记录
				</div>
				<table class="table-list">
					<thead>
					</thead>
					<tbody>
					</tbody>
				</table>
				<div class="zxf_pagediv"></div>
				<!-- 
				<table class="table-list">
					<thead>
						<tr>
							<th width="30"><input type="checkbox"></th>
							<th width="60">类型</th>
							<th>主题</th>
							<th>发布人</th>
							<th width="160">时间</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input type="checkbox"></td>
							<td><span class="notice-type type1">公告</span></td>
							<td class="left"><a class="title">中秋节休息时间安排</a></td>
							<td>张老师</td>
							<td>2014-07-31(四)14：39</td>
						</tr>
					</tbody>
				</table> -->
			</div><!-- RightMore -->
		</div>

		<!-- 公告 -->
		<div class="write-box">
			<ul class="operate">
				<li><a class="send">发布</a></li>
				<li><a class="close">关闭</a></li>
			</ul>
			<div class="write-con">
				<table>
					<tr>
						<td><span>类型：</span></td>
						<td>
							<select id="noticeType">
								<option>请选择</option>
								<option value="1">公司公告</option>
								<option value="2">人事任命</option>
								<option value="3">技术资料</option>
								<option value="4">通知</option>
								<option value="5">消息</option>
							</select>
						</td>
					</tr>
					<tr>
						<td><span>标题：</span></td>
						<td><input id="noticeTittle" placeholder="请填写标题"></td>
					</tr>
					<tr>
						<td><span>正文：</span></td>
						<td><textarea id="editor"></textarea></td>
					</tr>
					<!-- <tr>
						<td><span>附件：</span></td>
						<td><input type="file"></td>
					</tr> -->
				</table>
			</div>
		</div>
		<!-- 查看 -->
		<div class="look-box">
			<ul class="operate">
				<!-- <li><a class="exit">撤回</a></li> -->
				<li><a class="close">关闭</a></li>
			</ul>
			<div class="write-con">
				<table>
					<tr>
						<td><span>发布类型：</span></td>
						<td>通知</td>
					</tr>
					<tr>
						<td><span>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题：</span></td>
						<td>中秋节休息时间安排</td>
					</tr <tr>
					<td><span>发布时间：</span></td>
					<td>2017-06-12 16:48:06</td>
					</tr>
					<tr>
						<td><span>人员：</span></td>
						<td>全员</td>
					</tr>
					<tr>
						<td><span>正文：</span></td>
						<td>
							<p>假如人生不曾相遇，我还是那个我，偶尔做做梦，然后，开始日复一日的奔波，淹没在这喧嚣的城市里。
								我不会了解，这个世界还有这样的一个你，只有你能让人回味，也只有你会让我心醉。

								假如人生不曾相遇，我不会相信，有一种人可以百看不厌，有一种人一认识就觉得温馨。明知不能相逢，为何魂牵梦系？我又怎能深刻地体会到什么样叫远，什么叫近，远是距离，近在心底。

								假如人生不曾相遇，不曾想过会牵挂一个远方的人。我有深切的愿望，愿你快乐每一天。淡淡的情怀很真，淡淡的问候很纯，淡淡的思念很深，淡淡的祝福最真。虽然一切只能给虚幻中的你。

								假如人生不曾相遇，我不知道自己有那样一个习惯，收集你的欢笑，收集你的感情，收集你的一切一切。

								假如人生不曾相遇，我不能深刻的体会孤独和忧伤，有着莫名的感动，激荡着热泪盈眶的心情入眠。

								假如人生不曾相遇，我不会保持着一个人的想象，即使这想象难免寂寞无奈，但我仍然坚持着这样的梦想。

								假如人生不曾相遇，我怎会理解一个人的孤独是那样铭心，但却可以释放自我的彷徨与无助。含泪的沧桑，无限的困惑，因为遇见了你，才会有更深的意义。可为什么在爱的时候，总伴着淡淡的心伤？

								假如人生不曾相遇，我怎么能知道爱情存在的真正意义。必须有缘才能共舞，珍惜今天所爱方能同步。不能和你同途，也不能与你同步。

								假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
						</td>
					</tr>
					<tr>
						<td><span>附件：</span></td>
						<td>中秋节休息时间安排.doc</td>
					</tr>
					<tr>
						<td><span>我的想法：</span></td>
						<td>
							<textarea placeholder="请输入"></textarea>
							<button class="btn-normal">发表</button>
						</td>
					</tr>
					<tr>
						<td><span>评论区：</span></td>
						<td>
							<dl class="discuss">
								<dd>
									<img src="images/head.png" />
								</dd>
								<dt>
									<h1>宝姐</h1>
									<h2>2019-07-15</h2>
									<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
								</dt>
							</dl>
							<dl class="discuss">
								<dd>
									<img src="images/head3.png" />
								</dd>
								<dt>
									<h1>楚岚</h1>
									<h2>2019-07-15</h2>
									<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
								</dt>
							</dl>
							<dl class="discuss">
								<dd>
									<img src="images/head4.png" />
								</dd>
								<dt>
									<h1>王也</h1>
									<h2>2019-07-15</h2>
									<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
								</dt>
							</dl>
							<dl class="discuss">
								<dd>
									<img src="images/head5.png" />
								</dd>
								<dt>
									<h1>小师叔</h1>
									<h2>2019-07-15</h2>
									<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
								</dt>
							</dl>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="bg-shadow"></div>
		<!-- JS -->
		<script src="js/jquery.js"></script>
		<script src="js/common.js"></script>
		<script src="My97DatePicker/WdatePicker.js"></script>
		<!-- 编辑器 -->
		<script src="kindeditor/kindeditor-all-min.js"></script>
		<script src="kindeditor/lang/zh-CN.js"></script>
		<!-- 分页 -->
		<script src="js/zxf_page.js"></script>
		<script src="js/common.js"></script>
		<script>
			// 获取用户信息
			token.getUser(token.local);
			// 退出登录
			$("#exit").click(function() {
				window.localStorage.token = '';
				token.getUser(token.local);
			})
			// 编辑器
			var editor = '';
			KindEditor.ready(function(K) {
				var options = {
					width: '100%',
					minHeight: '400px',
					items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
						'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
						'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
						'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
						'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
						'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'table', 'hr', 'emoticons',
						'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about'
					]
				}
				editor = K.create('#editor', options);
			});
			// 发布公告按钮
			$(".operate li .add").click(function() {
				showMessage();
			})
			// 发布公告弹层内按钮
			$(".operate li .send").click(function() {
				noticeSend()
			})

			function noticeSend() {
				var $noticeType = $("#noticeType").val();
				var $noticeTittle = $("#noticeTittle").val();
				var $noticeCon = editor.html();
				var dataSend = {
					oaType: $noticeType,
					title: $noticeTittle,
					content: $noticeCon
				}
				$.ajax({
					url: url.common + '/word/notice/add',
					type: 'POST',
					contentType: 'application/json',
					dataType: 'json',
					data: JSON.stringify(dataSend),
					headers: {
						"token": token.local
					},
					success: function(res) {
						console.log("发布公告", res)
						if (res.success) {
							closeMessage()
							tool.tips("发布成功！")
						}
					}
				})
			}

			// 公司公告 列表
			noticeLook(1) 
			function noticeLook(sel) {
				var dataSend = {
					oaType: "",
					pageNum: sel,
					pageSize: 10
				}
				$.ajax({
					url: url.common + '/word/notice/findByPage',
					type: 'POST',
					contentType: 'application/json',
					dataType: 'json',
					data: JSON.stringify(dataSend),
					headers: {
						"token": token.local
					},
					success: function(res) {
						console.log("公司公告", res)
						if (res.success) {
							var str = "";
							var strH = '<tr>' +
								'<th><input name="all" type="checkbox"></th>' +
								'<th>类型</th>' +
								'<th>主题</th>' +
								'<th>发布人</th>' +
								'<th>时间</th>' +
								'</tr>';
							if (res.data.total == 0) {
								$(".table-list").hide();
								$(".zxf_pagediv").hide();
								$(".none").fadeIn(200)
							} else {
								$(".table-list").show();
								$(".none").hide()
								$.each(res.data.list, function(index, item) {
									// str += '<tr data-id=' + item.id + ' class="' + "tr-read" + item.isCheck + '">' +
									// 	'<td><input check-id=' + item.id + ' type="checkbox" ></td>' +
									// 	'<td>' + readIcon(item.isCheck) + '</td>' +
									// 	'<td>' + item.senderName + '</td>' +
									// 	'<td><a class="title">' + item.mailTitle + '</a></td>' +
									// 	'<td>' + item.createTime + '</td>' +
									// 	'</tr>'
									str += '<tr>' +
										'<td><input type="checkbox"></td>' +
										'<td><span class="notice-type type1">公告</span></td>' +
										'<td class="left"><a class="title">中秋节休息时间安排</a></td>' +
										'<td>张老师</td>' +
										'<td>2014-07-31(四)14：39</td>' +
										'</tr>'
								})
								$(".table-list thead").append(strH);
								$(".table-list tbody").append(str);
							}
						}
					}
				})
			}

			// checkbox 全选
			// $(".table-list ").on('click', 'thead tr th input[name=all]', function() {
			// 	if (this.checked) {
			// 		$(".table-list tbody tr td input:checkbox").prop("checked", true);
			// 	} else {
			// 		$(".table-list tbody tr td input:checkbox").prop("checked", false);
			// 	}
			// })

			// 公告弹层关闭按钮
			$(".operate li .close").click(function() {
				$("#noticeType").val("");
				$("#noticeTittle").val("");
				editor.html("");
				closeMessage();
			})
			// 公告
			function showMessage() {
				$(".bg-shadow").fadeIn(100);
				$(".write-box").fadeIn(300);
			}

			function closeMessage() {
				$(".bg-shadow").fadeOut();
				$(".write-box").fadeOut(100);
				$(".look-box").fadeOut(100);
			}

			$(".operate li .exit").click(function() {
				alert("公告已撤回，全员不可见");
				closeMessage()
			})
			// 查看公告
			function lookMessage() {
				$(".bg-shadow").fadeIn(100);
				$(".look-box").fadeIn(300);
			}
			$(".table-list tbody tr td a").click(function() {
				lookMessage();
			})
		</script>
	</body>
</html>
